﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Combo.aspx.cs" Inherits="Wei8808Cms.WebSite.Combo" %>

<%@ Register Src="UserControl/Nav.ascx" TagName="Nav" TagPrefix="uc1" %>
<%@ Register Src="UserControl/Header.ascx" TagName="Header" TagPrefix="uc2" %>
<%@ Register Src="UserControl/Footer.ascx" TagName="Footer" TagPrefix="uc3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/media-queries.css">
    <link rel="stylesheet" href="css/prettyPhoto.css">
    <link rel="stylesheet" href="css/styles.zuperSlider.css">
    <!--[if IE 7]><link rel="stylesheet" href="css/ie7.css"><![endif]-->
    <!-- end CSS-->
    <!-- All JavaScript at the bottom, except for Modernizr / Respond.
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
    <script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <uc2:Header ID="Header1" runat="server" />
    <header id="main">

<div class="container">
<div class="header-meta">
  <uc1:Nav ID="Nav1" runat="server" />
  </div><!-- end of .header-meta -->
  </div><!-- end of .container -->
  <div class="clearfix"></div>

  <div class="motto-area">
      <div class="container">
          <h1>产品功能套餐价格</h1>
          
      </div>
  </div>
  
</header>
    <!-- end of header -->
    <div class="clearfix">
    </div>
    <div class="container page">
        <div class="content">
            <div class="white_table">
                <table>
                    <thead>
                        <tr>
                            <th>
                                抢先版<br />
                                <span>￥1288/年</span>
                            </th>
                            <th>
                                专业版<br />
                                <span>￥2288/年</span>
                            </th>
                            <th>
                                VIP版<br />
                                <span>￥3288/年</span>
                            </th>
                            <th>
                                钻石版<br />
                                <span>￥4288/年</span>
                            </th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr class="pricing_btn">
                            <td>
                                <a class="the_button" href="#">申请开通</a>
                            </td>
                            <td>
                                <a class="the_button" href="#">申请开通</a>
                            </td>
                            <td>
                                <a class="the_button active" href="#">申请开通</a>
                            </td>
                            <td>
                                <a class="the_button" href="#">申请开通</a>
                            </td>
                        </tr>
                    </tfoot>
                    <tbody>
                        <tr class="grey">
                            <td>
                                Up to 50 users
                            </td>
                            <td>
                                Up to 50 users
                            </td>
                            <td>
                                Up to 50 users
                            </td>
                            <td>
                                Up to 50 users
                            </td>
                        </tr>
                        <tr>
                            <td>
                                50 GB storage
                            </td>
                            <td>
                                50 GB storage
                            </td>
                            <td>
                                50 GB storage
                            </td>
                            <td>
                                50 GB storage
                            </td>
                        </tr>
                        <tr class="grey">
                            <td>
                                Unlimited Sets
                            </td>
                            <td>
                                Unlimited Sets
                            </td>
                            <td>
                                Unlimited Sets
                            </td>
                            <td>
                                Unlimited Sets
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Unlimited Workspaces
                            </td>
                            <td>
                                Unlimited Workspaces
                            </td>
                            <td>
                                Unlimited Workspaces
                            </td>
                            <td>
                                Unlimited Workspaces
                            </td>
                        </tr>
                        <tr class="grey">
                            <td>
                                iPhone App
                            </td>
                            <td>
                                iPhone App
                            </td>
                            <td>
                                iPhone App
                            </td>
                            <td>
                                iPhone App
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Private URLs
                            </td>
                            <td>
                                Private URLs
                            </td>
                            <td>
                                Private URLs
                            </td>
                            <td>
                                Private URLs
                            </td>
                        </tr>
                        <tr class="grey">
                            <td>
                                Enhanced Security
                            </td>
                            <td>
                                Enhanced Security
                            </td>
                            <td>
                                Enhanced Security
                            </td>
                            <td>
                                Enhanced Security
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- end of .content-->
    </div>
    <!-- end of .container -->
    <div class="clearfix">
    </div>
    <uc3:Footer ID="Footer1" runat="server" />
    <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" language="javascript">        window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
    <!-- scripts concatenated and minified via ant build script-->
    <script type="text/javascript" language="javascript" src="js/script.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.responsinav.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.tweet.js"></script>
    <!-- end scripts-->
    <script type="text/javascript" language="javascript">
        $(function () {

            $(window).responsinav({ breakpoint: 650 });

            /* ====== PrettyPhoto ====== */
            //            $("a[data-rel^='prettyPhoto']").prettyPhoto({ hook: 'data-rel' });
            //            $('a[data-rel]').each(function () {
            //                $(this).attr('rel', $(this).attr('data-rel')).removeAttr('data-rel');
            //            });

            /* ====== Tweet ====== */
            jQuery(function ($) {
                var options = {
                    username: "cssluxury",
                    page: 1,
                    avatar_size: 0,
                    count: 3,
                    loading_text: "loading ..."
                };

                var widget = $("#paging .widget"),
          next = $("#paging .next"),
          prev = $("#paging .prev");

                var enable = function (el, yes) {
                    yes ? $(el).removeAttr('disabled') :
                $(el).attr('disabled', true);
                };

                var stepClick = function (incr) {
                    return function () {
                        options.page = options.page + incr;
                        enable(this, false);
                        widget.tweet(options);
                    };
                };

                next.bind("checkstate", function () {
                    enable(this, widget.find("li").length == options.count)
                }).click(stepClick(1));

                prev.bind("checkstate", function () {
                    enable(this, options.page > 1)
                }).click(stepClick(-1));

                widget.tweet(options).bind("loaded", function () { next.add(prev).trigger("checkstate"); });
            });
        });
    </script>
    <script type="text/javascript" language="javascript">
        // table interaction
        jQuery(document).ready(function ($) {
            $('.white_table td, .white_table th')
		.live('mouseenter', function () {
		    var the_parent = $('.white_table');
		    the_parent.find('*').removeClass('border_blue');
		    var index = $(this).index();
		    the_parent.find('tr').each(function (i) {
		        var item = $(this);
		        if (item.hasClass('grey')) {
		            item.find('th:eq(' + index + ') , td:eq(' + index + ')').addClass('w_table_l_grey');
		        } else {
		            item.find('th:eq(' + index + ') , td:eq(' + index + ')').addClass('w_table_d_grey');
		        }
		    });
		})
		.live('mouseleave', function () {
		    $('.white_table').find('*').removeClass('w_table_d_grey').removeClass('w_table_l_grey');
		});

            $('.black_table td, .black_table th')
		.live('mouseenter', function () {
		    var the_parent = $('.black_table');

		    the_parent.find('*').removeClass('pricing_blue_btn');
		    var index = $(this).index();
		    the_parent.find('tr').each(function (i) {
		        var item = $(this);
		        if (item.hasClass('grey')) {
		            item.find('th:eq(' + index + ') , td:eq(' + index + ')').addClass('d_table_l_grey');
		        } else {
		            item.find('th:eq(' + index + ') , td:eq(' + index + ')').addClass('d_table_d_grey');
		        }
		    });
		})
		.live('mouseleave', function () {
		    $('.black_table').find('*').removeClass('d_table_l_grey').removeClass('d_table_d_grey');
		});
        });
        // table interaction END 
    </script>
    <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
    <!--[if lt IE 7 ]>
<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
    </form>
</body>
</html>
